<template>
    <div class="ApproveTags disp-ib">
        <el-tag
                effect="dark"
                :type="statusEnum.colors[statusUse]"
        >
            {{ statusEnum[isStockIn?'dictIn' : 'dictOut'][statusUse] }}
        </el-tag>
    </div>
</template>

<script lang="ts">
import { Component, Prop, Watch, Vue } from 'vue-property-decorator'
import ApproveEnum from "@/project/enum/ApproveEnum"

@Component({
  components: {}
})
export default class ApproveTags extends Vue {
  @Prop({
    default: 1
  })
  readonly status!: any
  @Prop({
    default: true
  })
  readonly isStockIn!: any
  statusEnum: any = ApproveEnum

  mounted() {
    this.reload()
  }

  reload() {}

  get statusUse() {
    return this.status || 1
  }

}
</script>

<style lang="less" scoped>
    @import (reference) "~style/all.less";

    .ApproveTags {
    }
</style>